<template>
    <div class="setting">
      <header>
        <van-icon name="arrow-left" @click="handleBack()" size="25"/>
        <span>设置</span>
      </header>
      <van-cell title="头像" is-link @click="handleclick()"/>
      <van-cell title="手机号" is-link @click="handleclick()"/>
      <van-cell title="推送设置" is-link @click="$router.push('/push')"/>
      <van-cell title="清除缓存" is-link @click="handleclear()"/>
      <van-cell title="检查更新" is-link @click="handleupdate()"/>
      <van-button round type="success" color="#55a034" style="width:347px;height:44px" class="btn" to="login">退出登录</van-button>
    </div>

  </template>
  
  <script>
  import 'vant/es/toast/style';
  import { Toast } from 'vant';
  import useUserStore from '../../store/user';
  export default {
    name: 'setting',
    methods: {
      handleBack() {
        this.$router.back()
      },
      handleclick(){
        Toast('得加钱！');
      },
      handleupdate(){
        Toast('目前为最新版本')
      },
      handleclear(){
        Toast('已清除缓存')
      },
    },
  }
  </script>
  
  <style lang="less" scoped>
    header{
      height: 44px;
      font-size: 16px;
      line-height: 44px;
      display: flex;
      justify-content: left;
      align-items: center;
      padding: 5px;
      border-bottom: 1px solid rgba(242, 242, 242,);
    }
    .btn{
      position: absolute;
      bottom: 20px;
      left: 14px;
    }
  </style>
  